<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
    <title></title>
    <style type="text/css">
        @page {
            size: 100mm 150mm;
            margin: auto;
        }

        body {
            font-family: "Microsoft YaHei";
            width:97mm;
            height: 147mm;
            margin: auto;
            padding: 1.5mm;
            overflow:hidden;
        }
        p{
            margin: 0;
            padding: 0;
            margin-bottom: 0.5mm;
        }
        .label-content {
            position: relative;
            page-break-after: always;
            page-break-inside: avoid;
            border: 1px solid #000;
            margin: 0 auto;
            overflow: hidden;
        }


        .clearfix {
            clear: both;
        }
        .fr {
            float: right !important;
        }
        .fl {
            float: left !important;
        }

        .label_item {
            position: relative;
            overflow: hidden;
        }

        .bottom_line:after {
            content: '';
            position: absolute;
            width: 100%;
            right: 0;
            left: 0;
            bottom: 0;
            border-bottom: 1pt solid #000;
            z-index: 9;
        }

        .left_line {
            border-left: 1pt solid #000;
        }
        .margin_right1{
            margin-right: 1mm;
        }
        .margin_right2{
            margin-right: 2mm;
        }
        .abc{
            float:right; padding:1mm 2mm; width: 24mm; height: 13mm;border-left: 1pt solid #000; overflow: hidden;
        }
    </style>
</head>
<body>
<div class="label-content">
    <!-- 1 -->
    <div class="label_item bottom_line" style="height: 15mm;">
        <div style="float:left; height: 15mm; line-height: 12mm;">
            <strong style="font-size: 28pt; padding:1mm;">${project!}</strong>
        </div>
        <div class="abc">
            <div style="font-size: 14pt;">国际</div>
            <div style="font-size: 12pt;">GLOBAL</div>
        </div>
        <div style="float:right; padding:1mm 2mm; width: 30mm; height: 15mm; text-align: center;">
            <img src="http://www.sto.cn/static/img/website_logo.png" alt="logo" style="width: 32mm; height: 12mm;"></img>
        </div>
        <div class="clearfix"></div>
    </div>

    <!-- 2  32pt 字体有点大-->
     <div class="label_item bottom_line" style="height: 15mm; margin: 0 auto; ">
         <div style="line-height:15mm; font-size: 30pt; text-align: center; font-weight: bolder; padding: 0 2mm;">申通国际出口件</div>
     </div>

    <!-- 3 -->
    <div class="label_item bottom_line" style="height: 28mm; text-align: center;">
        <img style="width: 86mm; height: 26mm; margin-top: 1mm;" src="data:image/jpeg;base64,${barCodeBase64!}" alt=""></img>

    </div>

    <!-- 4  32pt 字体有点大-->
     <div class="label_item bottom_line" style="height: 17mm; margin: 0 auto; ">
         <div style="line-height:17mm; font-size: 35pt; text-align: center; font-weight: bolder; padding: 0 2mm;">${seg3Code!}</div>
     </div>

    <!-- 6 -->
    <div>
        <div class="fl" style="width: 70mm; height: 70mm; border-right: 1px solid #000; overflow: hidden;">
            <div class="label_item bottom_line" style="height: 10mm;">
                <div style="float:left; width: 12mm; height: 10mm; padding-top: 1mm;  text-align: center;">
                    <strong style="display:inline-block; padding:0 2mm; border:1px solid #000; font-size: 16pt;">集</strong>
                </div>
                <div style="float:left; width: 40mm; height: 10mm;">
                    <div style="line-height:9mm; font-size: 12pt; padding:0 1mm; font-weight: bolder">${destination!}</div>
                </div>
                <div class="left_line" style="float:left; width: 15mm; height: 10mm; text-align: center;">
                    <div style="font-size: 8pt;">包内数量</div>
                    <strong>${qty!}</strong>
                </div>
            </div>

            <!-- 8 -->
            <div class="label_item bottom_line" style="height: 44mm; ">
                <div style="position:absolute; top:0; left:0; width:70mm; height:44mm; ">
                    <div class="label_item bottom_line" style="height: 24mm;">
                        <div style="position: absolute; top: 0; left: 0; width: 10mm; height: 20mm; text-align: center; ">
                            <strong style="font-size: 16pt; line-height: 20mm;">收</strong>
                        </div>
                        <div class=" left_line" style="position: absolute;top: 0; left: 10mm; width: 60mm; height: 24mm; overflow: hidden; font-size: 9pt;">
                            <div class="label_item" style="padding:0 2mm;">
                                <div class="fl">
                                    <div class="margin_right1">${receiverName!}</div>
                                    <div class="margin_right1">${receiverPhone!}</div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="label_item" style="padding:0 1mm; height: 13mm;">
                                <div>${receiverAddress!}</div>
                            </div>
                        </div>
                    </div>

                    <div style="position: absolute; top: 20mm; left: 0; width: 10mm; height: 20mm; text-align: center;">
                        <strong style="font-size: 16pt; line-height: 24mm;">寄</strong>
                    </div>

                    <div class=" left_line" style="position: absolute;top: 24mm; left: 10mm; width: 60mm; height: 20mm; overflow: hidden; font-size: 9pt;">
                        <div class="label_item" style="padding:1mm;">
                            <div class="fr">
                                <div class="margin_right1">${senderPhone!}</div>
                            </div>
                            <div class="fl">
                                <div class="margin_right1">${senderName!}</div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="label_item" style="padding:0 1mm; height: 13mm;">
                            <div>${senderAddress!}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 9 -->
            <div class="label_item " style="height: 30mm; word-break: keep-all; overflow: hidden; padding: 0 1mm;">
                <span style="display:inline-block;padding:1mm 2mm; margin-bottom: 1mm; ">${customerName!}</span>
                <span style="display:inline-block; padding:1mm 2mm; margin-bottom: 1mm; float:right;">申通国际派送</span>
                <b style="display:inline-block; padding:1mm 2mm; margin-bottom: 1mm; ">${rdcName!}</b>
                <span style="display:inline-block;padding:1mm 2mm; margin-bottom: 1mm; float:right;">${sortingRdc!}</span>
            </div>
        </div>
        <div class="fl" style="padding-left:1mm; padding-top: 5mm; width: 24mm; overflow: hidden; position: relative;">
            <div class="fr" style="width: 24mm; height: 55mm;" >
                <img class="fr" style="width: 24mm; height: 55mm; overflow: hidden;" src="data:image/png;base64,${barCode90Base64!}" alt=""></img>
            </div>

            <div class="fl" style="width: 25mm; height: 8mm; line-height: 8mm; margin: 0 auto; text-align: center">
                <strong style="display: inline-block;padding: 0 4mm; line-height: 7mm; ">已验视</strong>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
</body>
</html>
